<?php

/**@package     Joomla.Site

 * @subpackage  Templates.protostar

 * @copyright   Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.

 * @license     GNU General Public License version 2 or later; see LICENSE.txt*/

defined('_JEXEC') or die;

$app             = JFactory::getApplication();

$doc             = JFactory::getDocument();

$user            = JFactory::getUser();

$this->language  = $doc->language;

$this->direction = $doc->direction;

// Getting params from template

$params = $app->getTemplate(true)->params;

// Detecting Active Variables

$option   = $app->input->getCmd('option', '');

$view     = $app->input->getCmd('view', '');

$layout   = $app->input->getCmd('layout', '');

$task     = $app->input->getCmd('task', '');

$itemid   = $app->input->getCmd('Itemid', '');

$sitename = $app->get('sitename');

if($task == "edit" || $layout == "form" ){$fullWidth = 1;}

else{$fullWidth = 0;}

// Add JavaScript Frameworks

JHtml::_('bootstrap.framework');

$doc->addScript('templates/' . $this->template . '/js/template.js');

// Add Stylesheets

$doc->addStyleSheet('templates/' . $this->template . '/css/template.css');

// Load optional RTL Bootstrap CSS

JHtml::_('bootstrap.loadCss', false, $this->direction);

// Adjusting content width

if ($this->countModules('position-7') && $this->countModules('position-8')){$span = "span6";}

elseif ($this->countModules('position-7') && !$this->countModules('position-8')){$span = "span9";}

elseif (!$this->countModules('position-7') && $this->countModules('position-8')){$span = "span9";}

else{$span = "span12";}

// Logo file or site title param

if ($this->params->get('logoFile')){

	$logo = '<img src="' . JUri::root() . $this->params->get('logoFile') . '" alt="' . $sitename . '" />';}

elseif ($this->params->get('sitetitle')){

	$logo = '<span class="site-title" title="' . $sitename . '">' . htmlspecialchars($this->params->get('sitetitle')) . '</span>';}

else{

	$logo = '<span class="site-title" title="' . $sitename . '">' . $sitename . '</span>';}

?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">

<head>

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <?php

	function IsMobileBrowser(){

	   global $_SERVER;

	   if (isset($_SERVER['HTTP_X_WAP_PROFILE']))return true;

	   if (isset($_SERVER['HTTP_ACCEPT'])){

		  $userAccept = strtolower($_SERVER['HTTP_ACCEPT']);

		  if (!(stristr($userAccept, 'wap')===FALSE))return true;

	   }

	   $userBrowser = strtolower($_SERVER['HTTP_USER_AGENT']);

	   $mobiles = array(

		  "midp", "j2me", "avant", "docomo","novarra", "palmos", "palmsource","240x320", "opwv", "chtml",

		  "pda", "windows ce", "mmp/","blackberry", "mib/", "symbian","wireless", "nokia", "hand", "mobi",

		  "phone", "cdm", "up.b", "audio","SIE-", "SEC-", "samsung", "HTC","mot-", "mitsu", "sagem", "sony", 

		  "alcatel", "lg", "eric", "vx","NEC", "philips", "mmm", "xx","panasonic", "sharp", "wap", "sch","rover", 

		  "pocket", "benq", "java","pt", "pg", "vox", "amoi","bird", "compal", "kg", "voda","sany", "kdd", "dbt", "sendo",

		  "sgh", "gradi", "jb", "dddi","moto", "iphone"

	   );

	   foreach ($mobiles as $value){if (!(stristr($userBrowser, $value)===FALSE)) return true;}

	   return false;

	}

	if(strpos($_SERVER['HTTP_USER_AGENT'], 'iPad') == false){

		if(IsMobileBrowser()){ // neu la mobile chuyen link qua mobile

		?>

			<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/protostar/css/mobile.css" type="text/css" />

		<?php

		}

	}

	?>

	<jdoc:include type="head" />

	<?php if ($this->params->get('googleFont')) : ?>

		<link href='http://fonts.googleapis.com/css?family=Tinos:400,400italic,700,700italic&subset=latin,vietnamese' rel='stylesheet' type='text/css'>

		<style type="text/css">

			h1,h2,h3,h4,h5,h6,.site-title{font-family: 'Tinos', sans-serif;}

		</style>

	<?php endif; ?>

	<!--[if lt IE 9]>

		<script src="<?php echo $this->baseurl; ?>/media/jui/js/html5.js"></script>

	<![endif]-->

    <script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/protostar/js/jquery.js"></script>

    <script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/protostar/js/menu/jquery_002.js"></script>

    <script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/protostar/js/croma-app.js"></script>

    <script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/protostar/js/cromatheme-app.js"></script>

	<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/protostar/js/layerslider.js"></script>

	<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/protostar/js/layerslider_002.js"></script>

    <script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/protostar/js/layerslider_003.js"></script> 

    <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/protostar/js/jquery.easing.js"></script>

	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/protostar/js/jquery.carouFredSel.js"></script>

	<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/protostar/js/greensock.js"></script>

	<link rel="stylesheet" id="layerslider-css" href="<?php echo $this->baseurl; ?>/templates/protostar/css/layerslider.css" type="text/css" media="all">
	
	<script type="text/javascript">
	function autoScroll(){		
		var id = window.location.href.split("#")[1];
		if(id == "home" || id == "trang-chu"){
			jQuery("html, body").animate({ scrollTop: (jQuery('#pageheader').offset().top)}, 1000);
		}
		else if(id == "aboutus"){
			jQuery("html, body").animate({ scrollTop: (jQuery('#aboutus').offset().top)-50}, 1000);
		}else if((id == "menudownload") || (id == "menufood")){
			jQuery("html, body").animate({ scrollTop: (jQuery('#menufood').offset().top)-50}, 1000);
		}else if((id == "uudai") || (id == "offers")){
			jQuery("html, body").animate({ scrollTop: (jQuery('#offers').offset().top)-50}, 1000);
		}else if((id == "gallery") || (id == "hinhanh")){
			jQuery("html, body").animate({ scrollTop: (jQuery('#gallery').offset().top)-50}, 1000);
		}else if((id == "private-events") || (id == "tiec-rieng")){
			jQuery("html, body").animate({ scrollTop: (jQuery('#private-events').offset().top)-50}, 1000);
		}else if((id == "contactus") || (id == "vitri")){
			jQuery("html, body").animate({ scrollTop: (jQuery('#contactus').offset().top)-50}, 1000);
		}
	}
	var i = 0;
	if(i == 0){
		setTimeout(autoScroll,3000);
		i = i + 1;
	}	
	</script>     
  	<script type="text/javascript">

	var menu_offset = jQuery('#cromaslide').offsetTop;

	jQuery(window).scroll(function() {

		var s = jQuery(this).scrollTop();

		if (s >= menu_offset) {

			jQuery('.topbarlogo').addClass(' menu_fixed');

		} else {

			jQuery('.topbarlogo').removeClass(' menu_fixed');

		}

	});

	function hammenu(idmenu){

		if(idmenu==117){
			jQuery("html, body").animate({ scrollTop: jQuery('#pageheader').offset().top}, 1000);
			jQuery('.menu-item-117').addClass('menu_active');
			jQuery('.menu-item-108').removeClass('menu_active');
			jQuery('.menu-item-109').removeClass('menu_active');
			jQuery('.menu-item-110').removeClass('menu_active');
			jQuery('.menu-item-111').removeClass('menu_active');
			jQuery('.menu-item-112').removeClass('menu_active');
			jQuery('.menu-item-113').removeClass('menu_active');
			jQuery('.menu-item-114').removeClass('menu_active');
			jQuery('.menu-item-mobile-117').addClass('menu_active');
			jQuery('.menu-item-mobile-108').removeClass('menu_active');
			jQuery('.menu-item-mobile-109').removeClass('menu_active');
			jQuery('.menu-item-mobile-110').removeClass('menu_active');
			jQuery('.menu-item-mobile-111').removeClass('menu_active');
			jQuery('.menu-item-mobile-112').removeClass('menu_active');
			jQuery('.menu-item-mobile-113').removeClass('menu_active');
			jQuery('.menu-item-mobile-114').removeClass('menu_active');
		}

		if(idmenu==114){
			jQuery("html, body").animate({ scrollTop: jQuery('#aboutus').offset().top-50}, 1000);
			jQuery('.menu-item-117').removeClass('menu_active');
			jQuery('.menu-item-108').removeClass('menu_active');
			jQuery('.menu-item-109').removeClass('menu_active');
			jQuery('.menu-item-110').removeClass('menu_active');
			jQuery('.menu-item-111').removeClass('menu_active');
			jQuery('.menu-item-112').removeClass('menu_active');
			jQuery('.menu-item-113').removeClass('menu_active');
			jQuery('.menu-item-114').addClass('menu_active');
			jQuery('.menu-item-mobile-117').removeClass('menu_active');
			jQuery('.menu-item-mobile-108').removeClass('menu_active');
			jQuery('.menu-item-mobile-109').removeClass('menu_active');
			jQuery('.menu-item-mobile-110').removeClass('menu_active');
			jQuery('.menu-item-mobile-111').removeClass('menu_active');
			jQuery('.menu-item-mobile-112').removeClass('menu_active');
			jQuery('.menu-item-mobile-113').removeClass('menu_active');
			jQuery('.menu-item-mobile-114').addClass('menu_active');
		}

		if(idmenu==108){
			jQuery("html, body").animate({ scrollTop: (jQuery('#menudownload').offset().top)-50}, 1000);
			jQuery('.menu-item-117').removeClass('menu_active');
			jQuery('.menu-item-108').addClass('menu_active');
			jQuery('.menu-item-109').removeClass('menu_active');
			jQuery('.menu-item-110').removeClass('menu_active');
			jQuery('.menu-item-111').removeClass('menu_active');
			jQuery('.menu-item-112').removeClass('menu_active');
			jQuery('.menu-item-113').removeClass('menu_active');
			jQuery('.menu-item-114').removeClass('menu_active');
			jQuery('.menu-item-mobile-117').removeClass('menu_active');
			jQuery('.menu-item-mobile-108').addClass('menu_active');
			jQuery('.menu-item-mobile-109').removeClass('menu_active');
			jQuery('.menu-item-mobile-110').removeClass('menu_active');
			jQuery('.menu-item-mobile-111').removeClass('menu_active');
			jQuery('.menu-item-mobile-112').removeClass('menu_active');
			jQuery('.menu-item-mobile-113').removeClass('menu_active');
			jQuery('.menu-item-mobile-114').removeClass('menu_active');
		}

		if(idmenu==109){
			jQuery("html, body").animate({ scrollTop: (jQuery('#offers').offset().top)-50}, 1000);
			jQuery('.menu-item-117').removeClass('menu_active');
			jQuery('.menu-item-109').addClass('menu_active');
			jQuery('.menu-item-108').removeClass('menu_active');
			jQuery('.menu-item-110').removeClass('menu_active');
			jQuery('.menu-item-111').removeClass('menu_active');
			jQuery('.menu-item-112').removeClass('menu_active');
			jQuery('.menu-item-113').removeClass('menu_active');
			jQuery('.menu-item-114').removeClass('menu_active');
			jQuery('.menu-item-mobile-117').removeClass('menu_active');
			jQuery('.menu-item-mobile-109').addClass('menu_active');
			jQuery('.menu-item-mobile-108').removeClass('menu_active');
			jQuery('.menu-item-mobile-110').removeClass('menu_active');
			jQuery('.menu-item-mobile-111').removeClass('menu_active');
			jQuery('.menu-item-mobile-112').removeClass('menu_active');
			jQuery('.menu-item-mobile-113').removeClass('menu_active');
			jQuery('.menu-item-mobile-114').removeClass('menu_active');
		}
		
		if(idmenu==110){
			jQuery("html, body").animate({ scrollTop: (jQuery('#gallery').offset().top)-50}, 1000);
			jQuery('.menu-item-117').removeClass('menu_active');
			jQuery('.menu-item-110').addClass('menu_active');
			jQuery('.menu-item-108').removeClass('menu_active');
			jQuery('.menu-item-109').removeClass('menu_active');
			jQuery('.menu-item-111').removeClass('menu_active');
			jQuery('.menu-item-112').removeClass('menu_active');
			jQuery('.menu-item-113').removeClass('menu_active');
			jQuery('.menu-item-114').removeClass('menu_active');
			jQuery('.menu-item-mobile-117').removeClass('menu_active');
			jQuery('.menu-item-mobile-110').addClass('menu_active');
			jQuery('.menu-item-mobile-108').removeClass('menu_active');
			jQuery('.menu-item-mobile-109').removeClass('menu_active');
			jQuery('.menu-item-mobile-111').removeClass('menu_active');
			jQuery('.menu-item-mobile-112').removeClass('menu_active');
			jQuery('.menu-item-mobile-113').removeClass('menu_active');
			jQuery('.menu-item-mobile-114').removeClass('menu_active');
		}

		if(idmenu==111){
			jQuery("html, body").animate({ scrollTop: (jQuery('#contactus').offset().top)-50}, 1000);
			jQuery('.menu-item-117').removeClass('menu_active');
			jQuery('.menu-item-111').addClass('menu_active');
			jQuery('.menu-item-108').removeClass('menu_active');
			jQuery('.menu-item-109').removeClass('menu_active');
			jQuery('.menu-item-110').removeClass('menu_active');
			jQuery('.menu-item-112').removeClass('menu_active');
			jQuery('.menu-item-113').removeClass('menu_active');
			jQuery('.menu-item-114').removeClass('menu_active');
			jQuery('.menu-item-mobile-117').removeClass('menu_active');
			jQuery('.menu-item-mobile-111').addClass('menu_active');
			jQuery('.menu-item-mobile-108').removeClass('menu_active');
			jQuery('.menu-item-mobile-109').removeClass('menu_active');
			jQuery('.menu-item-mobile-110').removeClass('menu_active');
			jQuery('.menu-item-mobile-112').removeClass('menu_active');
			jQuery('.menu-item-mobile-113').removeClass('menu_active');
			jQuery('.menu-item-mobile-114').removeClass('menu_active');
		}

		if(idmenu==112){
			jQuery("html, body").animate({ scrollTop: (jQuery('#').offset().top)-50}, 1000);
			jQuery('.menu-item-117').removeClass('menu_active');
			jQuery('.menu-item-112').addClass('menu_active');
			jQuery('.menu-item-108').removeClass('menu_active');
			jQuery('.menu-item-109').removeClass('menu_active');
			jQuery('.menu-item-110').removeClass('menu_active');
			jQuery('.menu-item-111').removeClass('menu_active');
			jQuery('.menu-item-113').removeClass('menu_active');
			jQuery('.menu-item-114').removeClass('menu_active');
			jQuery('.menu-item-mobile-117').removeClass('menu_active');
			jQuery('.menu-item-mobile-112').addClass('menu_active');
			jQuery('.menu-item-mobile-108').removeClass('menu_active');
			jQuery('.menu-item-mobile-109').removeClass('menu_active');
			jQuery('.menu-item-mobile-110').removeClass('menu_active');
			jQuery('.menu-item-mobile-111').removeClass('menu_active');
			jQuery('.menu-item-mobile-113').removeClass('menu_active');
			jQuery('.menu-item-mobile-114').removeClass('menu_active');
		}

		if(idmenu==113){
			jQuery("html, body").animate({ scrollTop: (jQuery('#private-events').offset().top)-50}, 1000);
			jQuery('.menu-item-117').removeClass('menu_active');
			jQuery('.menu-item-113').addClass('menu_active');
			jQuery('.menu-item-108').removeClass('menu_active');
			jQuery('.menu-item-109').removeClass('menu_active');
			jQuery('.menu-item-110').removeClass('menu_active');
			jQuery('.menu-item-111').removeClass('menu_active');
			jQuery('.menu-item-112').removeClass('menu_active');
			jQuery('.menu-item-114').removeClass('menu_active');
			jQuery('.menu-item-mobile-117').removeClass('menu_active');
			jQuery('.menu-item-mobile-113').addClass('menu_active');
			jQuery('.menu-item-mobile-108').removeClass('menu_active');
			jQuery('.menu-item-mobile-109').removeClass('menu_active');
			jQuery('.menu-item-mobile-110').removeClass('menu_active');
			jQuery('.menu-item-mobile-111').removeClass('menu_active');
			jQuery('.menu-item-mobile-112').removeClass('menu_active');
			jQuery('.menu-item-mobile-114').removeClass('menu_active');
		}
		document.getElementById('croma-mobilenav').style.display = "none";
	}

    </script>
</head>

<body class="site <?php echo $option.' view-'.$view.($layout?' layout-'.$layout:' no-layout').($task?' task-'.$task:' no-task').($itemid?' itemid-' . $itemid : '').($params->get('fluidContainer')?' fluid':'');

?>">
	<script type="text/javascript">
	    var dataLayer = dataLayer || []
    </script>
	<script type="text/javascript">
		$(document).ready(function(){
			jQuery(function($) {
			    // Build the article into a product object first
			    pName = document.referrer;
			    id = 0;
			    if(pName.indexOf('partyinsaigon') > -1 ){
			    	pName = "Party In Saigon";
			    	id = 1;
			    }else if(pName.indexOf('anyarena') > -1 ){
			    	pName = "Any Arena";
			    	id = 2;
			    }else{
			    	pName = "None";
			    }
			    console.log('Referrer: '+pName+' - Step 1 - Impressions'); // Show the testing result
		        if(pName != "None"){
			        var product = [{
				        'name' : pName,
				        'id' : id,
				        'price' : 50000,
				        'category' : 'Ads',
				        'quantity' : 1
				    }];

				    // Default time delay before checking location
				    var callBackTime = 100;

				    // # px before tracking a reader
				    var readerLocation = 500;

				    // Set some flags for tracking & execution
				    var timer = 0;
				    var scroller = false;
				    var endContent = false;
				    var didComplete = false;
				    var purchase = false;
				    var b = -1;
				    var a = 0;
				    // Content area DIV class
				    var contentArea = '.popup';
				    var clickArea = '.popover';
				    var scrollStart = 0;
				    // Set some time variables to calculate reading time
				    var startTime = new Date();
				    var beginning = startTime.getTime();
				    var totalTime = 0;
				    var count = 0;
				    
				    // Get some information about the current page
				    var pageTitle = document.title;

				    // Track the offer load as a Product Detail View - Step 1
				    dataLayer.push({
				      'event': 'productList',
					  'ecommerce': {
					    'currencyCode': 'VND',   // Local currencyCode is optional.
					    'impressions': [{
					       'name': pName,       // Name or ID is required.
					       'id': id,
					       'price': '50000',
					       'brand': 'WMC Group',
					       'category': 'Ads',
					       'variant': '',
					       'list': 'Ads Channel Results',
					       'position': 1
					     }]
				 		}	
					});

				    //Reset the scroller, endContent and purchase flag
				    $('.mobilenav-close-close, #background').click(function(){
				    	 // Set some flags for tracking & execution
					    scroller = false;
					    endContent = false;
					    purchase = false;
					    count = 0;
					    // Content area DIV class
					    scrollStart = 0;
					    // Set some time variables to calculate reading time
					    startTime = new Date();
					    beginning = startTime.getTime();
					    scrollHeight = 0;
					    scrollTop = 0;
					    divheight = 0;
				    }); 


				    // Track the offer as a Product Detail Click - Step 2
				    $(clickArea).click(function(){
					  dataLayer.push({
					    'event': 'productClick',
					    'ecommerce': {
					      'click': {
					        'actionField': {'list': 'Ads Channel Results'},      // Optional list property.
					        'products' : product
					       }
					     }
					  });
					  console.log('pushed Click action - Step 2 - Click');
					  // Check the location and track user
					    function trackLocation() {
					        bottom = $(window).height() + $(window).scrollTop();
					        height = $(document).height();
					        
					        // If user starts to scroll send an event
					        if (bottom > readerLocation && !scroller) {
					          dataLayer.push({
					            'event' : 'addToCart',
					            'ecommerce' : {
					              'currencyCode': 'VND',	
					              'add' : {
					                'products' : product
					              }
					            }
					          });
					          scroller = true;
					          console.log('Start scroller - Step 3 - Add to cart');
					        }			
					        if(scrollStart == 0){
					        	scrollStart = new Date();
					          	scrollStart = scrollStart.getTime();
				            }	        
					        // If user has hit the bottom of the content send an event
						        var scrollHeight = $('.popup[style*="display: block"]').prop("scrollHeight");
						        var scrollTop = $('.popup[style*="display: block"]').scrollTop();
						        var divheight = $('.popup[style*="display: block"]').innerHeight();
						        b = scrollTop + divheight +50;
						        a = scrollHeight; 

					        if (b >= a && (!endContent || !purchase)) {
					            if (!endContent) {
					              dataLayer.push({
					                'event' : 'checkout',
					                'ecommerce' : {
					                  'currencyCode': 'VND',
					                  'checkout' : {
					                    'products' : product
					                  }
					                }
					              });
					              endContent = true;
					            }
					            if(count==0){console.log('Hit the bottom of the content - Step 3.5 - Checkout');}  
					            count = count + 1;
					            
					        }
					        // If user has reached end of funnel, check if 5 seconds is passed
					        if (endContent && !purchase) {
					          currentTime = new Date();
					          contentScrollEnd = currentTime.getTime();
					          timeToContentEnd = Math.round((contentScrollEnd - scrollStart) / 1000);
					          if (timeToContentEnd > 5 && !purchase) {
					            dataLayer.push({
					              'event' : 'purchase',
					              'ecommerce' : {
					              	'currencyCode': 'VND',
					                'purchase' : {
					                  'actionField' : {
					                    'id' : new Date().getTime() + '_' + Math.random().toString(36).substring(5),
					                    'affiliation' : 'WMC Group',
					                    'revenue' : 50000
					                  },
					                  'products' : [{                            // List of productFieldObjects.
								        'name': pName,     // Name or ID is required.
								        'id': id,
								        'price': '50000',
								        'brand': 'WMC Group',
								        'category': 'WMC Group',
								        'variant': '',
								        'quantity': 1,
								        'coupon': ''                            // Optional fields may be omitted or set to empty string.
								       }]
					                }
					              }
					            });
					            purchase = true;
					            console.log('Purchased - Step 4 - Transactional');
					          }
					        }
					        autoTrack();
					    }
						// Track the scrolling and track location

						function autoTrack() {
							if(count > 0 && !purchase){
								trackLocation();
						        count = count + 1;
						        // Use a buffer so we don't call trackLocation too often.
						        setTimeout(autoTrack, callBackTime);
							}
						}
					    $('.popup').scroll(function() {
					        // Use a buffer so we don't call trackLocation too often.
					        setTimeout(trackLocation, callBackTime);
					    });
					});				    
				}// End the if condition
			});
		});

	</script>
	<!-- Google Tag Manager -->
	<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-N2Q6T6"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-N2Q6T6');</script>
	<!-- End Google Tag Manager -->
    <div class="body">

		<nav id="croma-mobilenav" style="">
            <div class="mobilenav-close"><i class="icon-remove"></i></div>
            <div style="" class="croma-mobilenavigation">
        		<jdoc:include type="modules" name="position-menumobile" style="wellamenumobile" />
            </div>
		</nav>

        <header class="header" id="pageheader">

            <div class="topbar">

                <div class="container">

                    <jdoc:include type="modules" name="position-0" style="none" />

                </div>

            </div>

            <div class="topbarlogo">

                <div class="container">

					

                    <div class="sticky-wrapper" id="croma-primarynav-sticky-wrapper" style="height:50px;">

                        <nav id="croma-primarynav" style="">
                        <jdoc:include type="modules" name="position-1" style="none" />

                            <div class="mobilemenupart"></div>

                            <div class="croma-primarynav navigation" id="primary-menu">

                                <jdoc:include type="modules" name="position-2" style="none" />

                            </div>

                        </nav>

                    </div>

                </div>

            </div>

        </header>

        <jdoc:include type="modules" name="banner" style="none" />

        <jdoc:include type="modules" name="position-3" style="none" />

        <section id="private-events" class="cro_frontpage_topmap">

            <jdoc:include type="modules" name="position-4" style="none" />

        </section>

        <footer class="footer" role="contentinfo">

            <div class="container">

                <div id="contactus" class="cro_frontpage_mapmap">

                    <jdoc:include type="modules" name="position-5" style="none" />

                    <script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?v=3.exp&#038;sensor=false&#038;ver=1.0'></script>

                </div>

                <jdoc:include type="modules" name="position-7" style="wellfooter" />
<script src="http://www.jscache.com/wejs?wtype=linkingWidgetRedesign&amp;uniq=224&amp;locationId=7112920&amp;lang=en_US&amp;border=true&amp;display_version=2"></script>
            </div>

            <jdoc:include type="modules" name="footer" style="none" />

        </footer>

    </div>

    <div id="background"></div>

	<jdoc:include type="modules" name="debug" style="none" />

</body>

</html>